import React, { Component } from 'react'
import Products from '../Products'
import Cart from '../Cart'
import store from '../../store'
import {autorun } from 'mobx'
//基本数据类型的监听
// var observableNumber = observable.box(10)
// var observableName = observable.box('xiaoming')


// autorun(()=> {
//   console.log(observableNumber.get())
// })

// autorun(()=> {
//   console.log(observableName.get())
// })

// setInterval(()=>{
//   observableNumber.set(20)
// }, 1000)

// setInterval(()=>{
//   observableName.set('lisan')
// }, 2000)


//引用数据类型的监听
// var myobj = observable.map({
//   name: 'xiaoming',
//   age: 20
// })

// autorun(()=>{
//   console.log(myobj.get('name'))
// })
// setInterval(()=>{
//   // myobj.set("age", 18)
//   myobj.set("name", 'lisan')

// }, 2000)

//引用数据类型的简单写法
// var myobj = observable({
//   name: 'xiaoming',
//   age: 20
// })

// autorun(()=>{
//   console.log(myobj.name)
// })
// setInterval(()=>{
//   // myobj.set("age", 18)
//   myobj.name = 'lisan'
// }, 2000)
class Home extends Component {
  state = {
    users: []
  }

  componentDidMount() {
    
  }

  render() {
    return (
      <div>
        <h3>Shopping Cart</h3>
        <hr />
        <Products></Products>
        <hr />
        <Cart></Cart>
      </div>

    )
  }
}


export default Home
